<template>
  <h1>猜数字练习</h1>
  <input type="text" placeholder="请输入你猜的数字" v-model="num">
  <button @click="guess">猜一猜</button>
  <h4>小提示:{{result}}</h4>
  <h6>我是后台:{{x}}</h6>
</template>

<script setup>
import {ref} from "vue";

const num = ref('');
const result = ref('');
//生成一个随机数
let x = parseInt(Math.random()*100)+1;
console.log(x);
//定义方法猜数字
const guess = ()=>{
  if(num.value>x){
    result.value='猜大了';
  }else if(num.value<x){
    result.value='猜小了';
  }else{
    result.value='猜对了';
  }
}
</script>


<style scoped>

</style>